<!doctype html>
<html lang="zxx">
    <head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- Bootstrap CSS --> 
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<!-- Owl Theme Default CSS --> 
		<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
		<!-- Owl Carousel CSS --> 
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
		<!-- Owl Magnific CSS --> 
		<link rel="stylesheet" href="assets/css/magnific-popup.css">
		<!-- Animate CSS --> 
		<link rel="stylesheet" href="assets/css/animate.css">
		<!-- Boxicons CSS --> 
		<link rel="stylesheet" href="assets/css/boxicons.min.css"> 
		<!-- Flaticon CSS --> 
		<link rel="stylesheet" href="assets/css/flaticon.css">
		<!-- Meanmenu CSS -->
		<link rel="stylesheet" href="assets/css/meanmenu.css">
		<!-- Nice Select CSS -->
		<link rel="stylesheet" href="assets/css/nice-select.css">
		<!-- Odometer CSS-->
		<link rel="stylesheet" href="assets/css/odometer.css">
		<!-- Style CSS -->
		<link rel="stylesheet" href="assets/css/style.css">
		<!-- Responsive CSS -->
		<link rel="stylesheet" href="assets/css/responsive.css">
		
		<!-- Favicon -->
		<link rel="icon" type="image/png" href="assets/img/favicon.png">
		<!-- Title -->
		<title>Eduon - Education Online Courses & Training HTML Template</title>
    </head>

    <body>
		<!-- Start Preloader Area -->
		<div class="loader-wrapper">
			<div class="loader">
				<div class="dot-wrap">
					<span class="dot"></span>
					<span class="dot"></span>
					<span class="dot"></span>
					<span class="dot"></span>
				</div>
			</div>
		</div>
		<!-- End Preloader Area -->
 
		<!-- Start Navbar Area -->
		<div class="navbar-area">
			<!-- Menu For Mobile Device -->
			<div class="mobile-nav">
				<a href="index.html" class="logo">
					<img src="assets/img/logo.png" alt="Logo">
				</a>
			</div>
		
			<!-- Menu For Desktop Device -->
			<div class="main-nav">
				<div class="container-fluid">
					<nav class="navbar navbar-expand-md">
						<a class="navbar-brand" href="index.html">
							<img src="assets/img/logo.png" alt="Logo">
						</a>
						
						<div class="collapse navbar-collapse mean-menu">
							<ul class="navbar-nav m-auto">
								<li class="nav-item">
									<a href="index.html" class="nav-link active">
										 首页
										<!-- <i class="bx bx-chevron-down"></i> -->
									</a>
								<li class="nav-item">
									<a href="courses.html" class="nav-link">全部老师</a>
								</li>
		
								<li class="nav-item">
									<a href="#" class="nav-link">
										学习中心
										<i class="bx bx-chevron-down"></i>
									</a>
		
									<ul class="dropdown-menu">
										
										<li class="nav-item">
											<a href="feedback.html" class="nav-link">学生反馈</a>
										</li>
										
										<li class="nav-item">
											<a href="blog-column-two.html" class="nav-link">
												博文分享
											</a>
		
										</li>
										<li class="nav-item">
											<a href="gallery.html" class="nav-link">课堂展示</a>
										</li>
										
										
									</ul>
								</li>
		
								<li class="nav-item">
									<a href="shop.html" class="nav-link">
										c商城
										
									</a>
								</li>
								<li class="nav-item">
									<a href="shop.html" class="nav-link">
										个人主页
									</a>
								</li>
								<li class="nav-item">
									<a href="shop.html" class="nav-link">
										联系我们
									</a>
								</li>
							</ul>
							
							<!-- Start Other Option -->
							<div class="others-option">
								<div class="option-item">
									<i class="search-btn bx bx-search"></i>
									<i class="close-btn bx bx-x"></i>
									
									<div class="search-overlay search-popup">
										<div class='search-box'>
											<form class="search-form">
												<input class="search-input" name="search" placeholder="Search" type="text">
		
												<button class="search-button" type="submit"><i class="bx bx-search"></i></button>
											</form>
										</div>
									</div>
								</div>
		
								<div class="cart-icon">
									<a href="cart.html">
										<i class="flaticon-shopping-cart"></i>
										<span>0</span>
									</a>
								</div>	
								
								<div class="register">
									<a href="log-in.html" class="default-btn">
										登录
									</a>
									<a href="registration.html" class="default-btn">
										注册
									</a>
								</div>	
							</div>
							<!-- End Other Option -->
						</div>
					</nav>
				</div>
			</div>
		
			<!-- Start Others Option For Responsive -->
			<div class="others-option-for-responsive">
		        <div class="container">
		            <div class="dot-menu">
		                <div class="inner">
		                    <div class="circle circle-one"></div>
		                    <div class="circle circle-two"></div>
		                    <div class="circle circle-three"></div>
		                </div>
		            </div>
		            
		            <div class="container">
		                <div class="option-inner">
		                    <div class="others-option justify-content-center d-flex align-items-center">
		                        <div class="option-item">
									<i class="search-btn bx bx-search"></i>
									<i class="close-btn bx bx-x"></i>
									
									<div class="search-overlay search-popup">
										<div class='search-box'>
											<form class="search-form">
												<input class="search-input" name="search" placeholder="Search" type="text">
		
												<button class="search-button" type="submit"><i class="bx bx-search"></i></button>
											</form>
										</div>
									</div>
								</div>
		
								<div class="cart-icon">
									<a href="cart.html">
										<i class="flaticon-shopping-cart"></i>
										<span>0</span>
									</a>
								</div>	
								
								<div class="register">
									<a href="my-account.html" class="default-btn">
										登录 / 注册
									</a>
								</div>
		                    </div>
		                </div>
		            </div>
		        </div>
			</div>
			<!-- End Others Option For Responsive -->
		</div>
		<!-- End Navbar Area -->

		<!-- Start Page Title Area -->
		<div class="page-title-area bg-2">
			<div class="container">
				<div class="page-title-content">
					<h2>Instructors</h2>
					<ul>
						<li>
							<a href="index.html">
								Home 
							</a>
						</li>
						
						<li class="active">Courses instructors </li>
					</ul>
				</div>
			</div>
		</div>
		<!-- End Page Title Area -->

		<!-- Start Teachers Area -->
		<section class="teachers-area-three ptb-100">
			<div class="container">
				<div class="section-title">
					<span>Our Teachers</span>
					<h2>Our international teachers</h2>
				</div>

				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="single-teachers">
							<img src="assets/img/teachers-img/teachers-img-1.jpg" alt="Image">

							<div class="teachers-content">
								<ul>
									<li>
										<a href="#"><i class="bx bxl-instagram"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-facebook"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-linkedin-square"></i></a>
									</li>
								</ul>

								<h3>Earl McGowan</h3>
								<span>IT & Software</span>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-teachers">
							<img src="assets/img/teachers-img/teachers-img-2.jpg" alt="Image">

							<div class="teachers-content">
								<ul>
									<li>
										<a href="#"><i class="bx bxl-instagram"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-facebook"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-linkedin-square"></i></a>
									</li>
								</ul>

								<h3>Chris Miller</h3>
								<span>Mathematic</span>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-teachers">
							<img src="assets/img/teachers-img/teachers-img-3.jpg" alt="Image">

							<div class="teachers-content">
								<ul>
									<li>
										<a href="#"><i class="bx bxl-instagram"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-facebook"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-linkedin-square"></i></a>
									</li>
								</ul>

								<h3>Mark Dent</h3>
								<span>Programmer</span>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-teachers">
							<img src="assets/img/teachers-img/teachers-img-4.jpg" alt="Image">

							<div class="teachers-content">
								<ul>
									<li>
										<a href="#"><i class="bx bxl-instagram"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-facebook"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-linkedin-square"></i></a>
									</li>
								</ul>

								<h3>Lena Bodie</h3>
								<span>English</span>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-teachers">
							<img src="assets/img/teachers-img/teachers-img-5.jpg" alt="Image">

							<div class="teachers-content">
								<ul>
									<li>
										<a href="#"><i class="bx bxl-instagram"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-facebook"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-linkedin-square"></i></a>
									</li>
								</ul>

								<h3>Fred aaD. Iles</h3>
								<span>Data science</span>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-teachers">
							<img src="assets/img/teachers-img/teachers-img-6.jpg" alt="Image">

							<div class="teachers-content">
								<ul>
									<li>
										<a href="#"><i class="bx bxl-instagram"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-facebook"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-linkedin-square"></i></a>
									</li>
								</ul>

								<h3>Nancy Stout</h3>
								<span>Accounting</span>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-teachers">
							<img src="assets/img/teachers-img/teachers-img-7.jpg" alt="Image">

							<div class="teachers-content">
								<ul>
									<li>
										<a href="#"><i class="bx bxl-instagram"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-facebook"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-linkedin-square"></i></a>
									</li>
								</ul>

								<h3>Pedro T. Vaca</h3>
								<span>Finance</span>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-teachers">
							<img src="assets/img/teachers-img/teachers-img-8.jpg" alt="Image">

							<div class="teachers-content">
								<ul>
									<li>
										<a href="#"><i class="bx bxl-instagram"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-facebook"></i></a>
									</li>
									<li>
										<a href="#"><i class="bx bxl-linkedin-square"></i></a>
									</li>
								</ul>

								<h3>Ann H. Howard</h3>
								<span>Marketing</span>
							</div>
						</div>
					</div>

					<div class="col-lg-12 col-md-12">
                        <div class="pagination-area">
							<!--
                            <a href="#" class="prev page-numbers">
								<i class="bx bx-chevron-left"></i>
							</a>
							-->
                            <span class="page-numbers current" aria-current="page">1</span>
                            <a href="#" class="page-numbers">2</a>
                            <a href="#" class="page-numbers">3</a>
							<a href="#" class="page-numbers">4</a>
							
                            <a href="#" class="next page-numbers">
								<i class="bx bx-chevron-right"></i>
							</a>
                        </div>
                    </div>
				</div>
			</div>
		</section>
		<!-- End Teachers Area -->

		<!-- Start Footer Top Area -->
		<footer class="footer-top-area pt-100 pb-70">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Find Us</h3>

							<ul class="address">
								<li class="location">
									<i class="bx bxs-location-plus"></i>
									6890 Blvd, The Bronx, NY 1058 New York, USA
								</li>

								<li>
									<i class="bx bxs-envelope"></i>
									<a href="mailto:hello@eduon.com">hello@eduon.com</a>
									<a href="mailto:public@eduon.com">public@eduon.com</a>
								</li>

								<li>
									<i class="bx bxs-phone-call"></i>
									<a href="tel:+1(514)312-5678">+1 (514) 312-5678</a>
									<a href="tel:+1(514)312-6688">+1 (514) 312-6688</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Useful links</h3>

							<ul class="link">
								<li>
									<a href="courses.html">All Courses</a>
								</li>
								<li>
									<a href="about.html">About us</a>
								</li>
								<li>
									<a href="faq.html">Help (FAQ)</a>
								</li>
								<li>
									<a href="terms-conditions.html">Terms & Conditions</a>
								</li>
								<li>
									<a href="privacy-policy.html">Privacy Policy</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Top online courses</h3>

							<ul class="link">
								<li>
									<a href="#">AI for everyone</a>
								</li>
								<li>
									<a href="#">Networks and deep learning</a>
								</li>
								<li>
									<a href="#">Learning with python</a>
								</li>
								<li>
									<a href="#">Financial markets</a>
								</li>
								<li>
									<a href="#">Speak English professionally</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Popular subjects</h3>

							<ul class="link">
								<li>
									<a href="#">Data science</a>
								</li>
								<li>
									<a href="#">Computer science</a>
								</li>
								<li>
									<a href="#">Business and Management</a>
								</li>
								<li>
									<a href="#">Business and Management</a>
								</li>
								<li>
									<a href="#">Nature & Environment</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- End Footer Top Area -->

		<!-- Start Footer Bottom Area -->
		<footer class="footer-bottom-area">
			<div class="container">
				<div class="copyright-wrap">
					<p>Copyright @2020 Eduon. Designed By <a href="https://hibootstrap.com/" target="blank">HiBootstrap.com</a></p>
				</div>
			</div>
		</footer>
		<!-- End Footer Bottom Area -->
		
		<!-- Start Go Top Area -->
		<div class="go-top">
			<i class='bx bx-chevrons-up'></i>
			<i class='bx bx-chevrons-up'></i>
		</div>
		<!-- End Go Top Area -->
		

        <!-- Jquery-3.5.1.Slim.Min.JS -->
        <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
        <!-- Popper JS -->
        <script src="assets/js/popper.min.js"></script>
        <!-- Bootstrap JS -->
        <script src="assets/js/bootstrap.min.js"></script>
        <!-- Meanmenu JS -->
		<script src="assets/js/jquery.meanmenu.js"></script>
        <!-- Wow JS -->
        <script src="assets/js/wow.min.js"></script>
        <!-- Owl Carousel JS -->
		<script src="assets/js/owl.carousel.js"></script>
        <!-- Owl Magnific JS -->
		<script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!-- Nice Select JS -->
		<script src="assets/js/jquery.nice-select.min.js"></script>
		<!-- Parallax JS --> 
		<script src="assets/js/parallax.min.js"></script>
		<!-- Appear JS --> 
        <script src="assets/js/jquery.appear.js"></script>
		<!-- Odometer JS --> 
		<script src="assets/js/odometer.min.js"></script>
		<!-- Form Validator JS -->
		<script src="assets/js/form-validator.min.js"></script>
		<!-- Contact JS -->
		<script src="assets/js/contact-form-script.js"></script>
		<!-- Ajaxchimp JS -->
		<script src="assets/js/jquery.ajaxchimp.min.js"></script>
        <!-- Custom JS -->
		<script src="assets/js/custom.js"></script>
    </body>
</html>